﻿<!--首页-->
<style type="text/css">
    #specialDiv ul
    {
        overflow: inherit;
        margin: 10px 0;
        padding-bottom: 0;
        clear: initial;
    }
    #specialDiv ul li
    {
        width: inherit;
        float: initial;
        border-radius: 0;
        border: 0;
        position: inherit;
        margin: 0;
    }
</style>
<div class="xueyuanduan_renwulist_top" ng-controller="homeController" style="margin:0;width: 100%;">
<div style="margin: 0 auto;width:1170px;">
    <div style="margin-top: 10px; " ng-bind="('Hello'|T)+'!'+allUserinfo.user_Name+'('+allUserinfo.organization_Name+')'">
        你好，1497847731@qq.com(新启科技)</div>
    <div class="home_head">
        <!--总学时-->
        <div >
            <i class="iconfont">&#xe63a;</i><br />
            <span class="home_head_title">{{"totalHours"|T}} <font ng-bind="resUserInfo.totleStudyTime.toFixed(1)+'分钟'"></font> </span></div>
        <!--学习课程数-->
        <div >
        <i class="iconfont">&#xe725;</i><br />
            <span class="home_head_title">{{"studyCourseCount"|T}} <font ng-bind="resUserInfo.totleStudyCourse || '0'"></font> {{"section"|T}}</span></div>
        <!-- 参与考试 -->
        <div >
        <i class="iconfont">&#xe77e;</i><br />
            <span class="home_head_title">{{"hadExam"|T}} <font ng-bind="resUserInfo.totleExam || 0"></font> {{'second'|T}}</span>
            <a href="#" ng-click="playUrl('home.stuinfo.examhistory')" ui-sref="home.stuinfo.examhistory">{{"historyExam"|T}}</a></div>
        <!--当前任务-->
        <div>
        <i class="iconfont">&#xe651;</i><br />
            <span class="home_head_title">{{"currentTask"|T}} <font  ng-bind="resUserInfo.totleStage || 0"></font>  {{'individual'|T}}</span>
            <a href="#" ng-click="playUrl('home.train.task')" ui-sref="home.train.task">{{"viewTheTask"|T}}</a></div>
        <!--收藏课程-->
        <div >
            <i class="iconfont">&#xe748;</i><br />
            <span class="home_head_title">{{"collectionCourse"|T}} <font ng-bind="resUserInfo.totleCollection || 0"></font> {{'second'|T}}</span>
            <a href="#" ng-click="playUrl('home.stuinfo.coursecollection')" ui-sref="home.stuinfo.coursecollection">{{"collectionCourse"|T}}</a></div>
    </div>
    <!-- <div class="home_head" style="overflow:visible; background-image:url('{{item.backgroundImg}}');background-position: center;"  ng-repeat="item in competitionList">
        <a href="{{fileurl+item.competitionPreviewUrl+'?userid='+userInfoParam.userid}}&token={{token}}" target="_blank" style="text-decoration: none;">
            <center style=" width:100%; height:130px;background-color: rgba(0,0,0,.3); color:#fff;overflow: hidden;">
                <h1 style=" font-size:30px; font-weight:bold;">{{item.competitionTitle}}<br/>
                <span style="font-size: 20px;color: #eee;">{{item.startDate}} 至 {{item.endDate}}</span></h1>
            </center>
        </a>
    </div> -->
    <div class="home_left" style="width: 74%">
        <div class="home_left_ke">
            <!--近期学习课程-->
            <h6><span ng-class="{'active':showCourse==1}" ng-click="showCourse=1">{{"studyInTheNearFuture"|T}}</span></h6>
            <h6><span ng-class="{'active':showCourse==2}" ng-click="showCourse=2;getStuTrainList()">{{"currentTask"|T}}</span></h6>
            <h6><span ng-class="{'active':showCourse==3}" ng-click="showCourse=3">{{"Notice"|T}}</span></h6>
            <div id="jinqikecheng"  ng-if="showCourse==1">
            <center ng-if="courseList.length <= 0">
                <img src="/images/home_kenull.png" style="margin-top: 30px;margin-left: -25%;"><br />
                 <div style="font-size: 30px; color: #a3a3a3;" ng-bind="'Null' | T">
                                </div>
            </center>
            <ul>                
                <li ng-repeat="item in courseList">                
                    <div class="shuqian-down">
                        <!--ing，学习中；end：完成；start：未开始-->
                       <span class="shuqian end" ng-if="item.learningProgress == '100.00%' && !item.isExpire"></span>
                        <span class="shuqian start" ng-if="(item.learningProgress == '00.00%'||item.learningProgress==''||item.learningProgress==undefined) &&!item.isExpire"></span>
                        <span class="shuqian ing" ng-if="(item.learningProgress != '00.00%'&&item.learningProgress!=''&&item.learningProgress!=undefined&&item.learningProgress !='100.00%')  && ! item.isExpire" ></span>
                        <span class="shuqian end" ng-if="item.isExpire"></span>
                        <span class="shuqiantext">{{ !item.isExpire ? (item.learningProgress == '100.00%'?('Completed'|T):((item.learningProgress == '00.00%'||item.learningProgress==''||item.learningProgress==undefined)?('NotBegin'|T):('HaveInHand'|T))) : ('Expired'|T)}}<br /></span>
                    </div>
                    <img ng-src="{{item.courseImg}}" src="/images/train/fengmian003.gif"  onerror="javascript:this.src='/images/train/fengmian003.gif'" style="height:145px;"  />
                    <span class="home_left_ke_title" ng-bind="item.courseName">课程标题</span>
                    <div style="position: absolute;top: 115px;background-color:rgba(0,0,0,0.5);color: #fff; height: 20px;line-height: 20px;padding:5px 0; width: 100%; overflow:hidden;">
                        <span style=" padding: 6px; background-color: #ffa300">{{item.arrangeId == 1?('PublicClass'|T):('Task'|T)}}</span> <i
                        class="iconfont">&#xe6ce;</i>{{('Contain'|T)+(item.sectionSum?item.sectionSum:0) +('Class'|T)}} | <i class="iconfont">&#xe91b;</i> {{item.lecturer}}
                    </div>
                
                    <span class="home_left_ke_miaoshu"><i class="iconfont">&#xe777;</i> {{'LearningTime'|T}}：{{item.date_time}}</span> 
                    <span class="home_left_ke_miaoshu"><a ng-click="openKe(item)" target="_blank">{{"continueLearning"|T}}</a></span>
                </li>
            </ul>
            </div>
            <div id="renwu" ng-if="showCourse==2">
                <ul>                
                <li ng-repeat="item in stuTrainList" style=" cursor: pointer;" ng-click="taskPreview(item)">                
                    <img ng-src="{{item.img}}" src="/images/train/fengmian098.png"  onerror="javascript:this.src='/images/train/fengmian098.png'" style="height:145px;" />
                    <span class="home_left_ke_title" ng-bind="item.name">课程标题</span>

                    <div style=" height: 20px;border-radius: 20px; overflow: hidden;   background-color: #eee;    margin-bottom: 10px;color: #ce8f42;    margin: 10px; ">
                    <div class="text" style="width: {{(((item.completeCount?item.completeCount:0)/item.courser_count)*100).toFixed(2)}}%; background-color: #ffbb66;  text-align: center;">{{(((item.completeCount?item.completeCount:0)/item.courser_count)*100).toFixed(2)}}%</div></div>
                </li>
            </ul>

            </div>
             <div id="notice" ng-if="showCourse==3">
                <ul style="min-height: 225px;">                
                <li ng-repeat="noitem in noticeInfo" style=" cursor: pointer; border:0; clear:both; width:98%;padding:2px;" ng-click="showNotice(noitem,((noticeParam.pageIndex-1)*noticeParam.pageSize)+$index+1)">                
                    <span><a ng-bind="(((noticeParam.pageIndex-1)*noticeParam.pageSize)+$index+1)+'、'+(noitem.isTop=='1'?'【置顶】':'')+noitem.pubTitle" style=" text-decoration:none;color:#39f;" ng-style="newStyle(noitem.pubCritical)"></a></span>
                    <a style=" float:right; color: #999;">
                    <!-- <img ng-src="{{noitem.user_img}}" src="/images/avatar.png" onerror="javascript:this.src='/images/avatar.png'" style=" width:18px; height:18px; border-radius: 50%;margin-bottom: -3px;" />      {{noitem.username}}-->
                         <i class="iconfont">&#xe66a;</i>{{noitem.pubDate}}  
                         
                    </a>
                </li>
            </ul>
            <tm-pagination conf="paginationConf" ng-if="noticeInfo.length>0" style=" clear:both;margin: 10px 2%;" id="specialDiv"></tm-pagination>
            </div>
        </div>

    </div>

    <div class="home_right" style="width: 25%;height: 350px;overflow: auto;">
        <!--公告-->
        <h4 style="margin: 0;margin-left: 20px;margin-top: 20px;"><i class="iconfont" style="color: #39f;">&#xe69b;</i>{{noticeTop.index==1?("NewsNotice"|T):("Notice"|T)}}：</h4>
        <h5><center style="font-size: 16px" ng-bind="(noticeTop==undefined||noticeTop.pubTitle==undefined||noticeTop.pubTitle.length<=0)?('Notice'|T):noticeTop.pubTitle"></center></h5>
        <div style="margin: 10px 15px;color: #666;font-size: 15px;" ng-bind-html="(noticeTop==undefined||noticeTop.pubContent==undefined||noticeTop.pubContent.length<=0)?('Noannouncement'|T):noticeTop.pubContent|to_html"></div>
    </div>
   
    <div style="clear: both; background-color: #fff; border-radius: 3px;padding-bottom: 10px;" class="gongkai">
          <h5 style="overflow: hidden;"><span style="float: left;">{{'OpenClass'|T}}</span>
                <a  ui-sref="home.train.publiclist" style=" float: right;">{{'More'|T}}</a>
          </h5>

          <ul style="overflow: hidden;padding: 0 10px; margin-top: 0">
               <li ng-repeat="item in publicCourseList" style="width: 23.5%;margin: 0.5%;" ng-click="openPubKe(item)">                
                    <img ng-src="{{item.course_img}}" src="/images/train/fengmian003.gif"  onerror="javascript:this.src='/images/train/fengmian003.gif'" style="height:145px;" />
                    <span class="home_left_ke_title" ng-bind="item.course_Name"></span>
                    <div style="position: absolute;top: 122px;background-color:rgba(0,0,0,0.5);color: #fff; height: 20px;line-height: 20px;padding:5px 0; width: 100%;">
                       <i class="iconfont">&#xe6ce;</i>{{('Contain'|T)+(item.sectionSum?item.sectionSum:0) +('Class'|T)}} | <i class="iconfont">&#xe91b;</i> {{item.lecturer}}
                    </div>
                </li>
          </ul>

    </div>
    <div  style="clear: both; background-color: #fff; border-radius: 3px;padding-bottom: 10px;" class="gongkai" ng-if="false">
            <!--共享文件-->
            <h5>
                <span>{{"sharedFile"|T}}</span></h5>
            <div class="knowledgebody" style="min-height: 50px!important;">
                <ul class="knowledge_tubiao" style="margin-top: 0">
                    <li></li>
                    <li ng-repeat="item in fileList | filter:{fileType:'!folder'}" ng-click="filePreview(item)" ng-if="$index<8">
                        <div class="knowledgeliebiaofengmian">
                            <!--没有封面-->
                            <img ng-if="item.fileType != 'folder' && item.fileType != 'urls' && (item.filecover == null || item.filecover.length==0) && item.status == 0"
                                        ng-src="/images/fileicon/{{item.fileType}}_56.png" src="/images/fileicon/qita_56.png"
                                        onerror="javascript:this.src='/images/fileicon/qita_56.png'" class="knowledgeliebiaofengmian_img" style="height:77px;" />                                  
                            <!--有封面的图标-->
                            <img ng-if="item.fileType != 'folder' && item.fileType != 'urls' && item.filecover != null && item.filecover.length >0  && item.status == 0 "
                                ng-src="{{isImg(item.filecover)?item.filecover:'/images/fileicon/'+item.fileType+'_56.png'}}" src="/images/fileicon/qita_56.png" onerror="javascript:this.src='/images/fileicon/qita_56.png'" class="knowledgeliebiaofengmian_img" style=" max-width:80px; height:77px;" />
                         </div>
                        <div class="knowledgeliebiaoname">
                            <div class="knowledgeliebiaonamebody">
                                <!--标签图标，目前设计最多显示3个-->
                                <div class="knowledgeliebiaonamemain">
                                    <div class="knowledgeliebiaobiaoqianmian">
                                        <div class="knowledgebiaoqianyuan">
                                        </div>
                                        <div class="knowledgeliebiaonamemain_text" ng-bind="item.fileName">
                                            新启科技软件销售合同.doc</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>                    
                </ul>
                <center style="    margin: 0 auto;" ng-if="fileList.length <= 0||fileList==undefinde">
                    <img src="/images/knownull.png" width=150 height=130><br />
                    {{'Null' | T}}
                </center>
            </div>
        </div>
    <!--文件预览-->
    <!-- <filepre isdata="isFilePreview"></filepre> -->
    </div>
    <training-task-preview ng-if="previewShow" task-obj="previewObj" on-close="closePreview()"  show-know="true" ></training-task-preview>
     <!-- <add-img-cj ng-if="imgcjShow" on-close="openImgCj()" ></add-img-cj> -->
<!--首页-->
</div>
